@MainThemeColor: #ffc600;
@MainThemeTextColor: #222222;

.order-container {
  counter-reset: order;
}

.order-increment {
  counter-increment: order;

  &:hover {
    &:before {
      opacity: 1;
    }
  }

  &:before {
    content: counter(order);
    font-family: cursive;
    font-size: 100px;
    font-style: italic;
    color: #ccc;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    text-shadow: 0 0 5px #333;
    line-height: 1;
    opacity: 0.3;
    pointer-events: none;
    text-align: right;
  }
}
